<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
  div {
    position: relative;
    width: 1536px;
    height: 864px;
    background: url(./太白.png);
    

}
div::before {
        position: absolute;
        content: "";
        top: 0;left: 0; right: 0;bottom: 0;
        background:url(./20191021_220223_76.png) no-repeat ;
        animation: maskRotate2 2s linear ;
        
    }
    img{
        width: 1000px;
    }
    

    @keyframes maskRotate {
  0% {
    -webkit-mask-image: linear-gradient(45deg, #000 0%, transparent 5%, transparent 1%);
  }
  1% {
    -webkit-mask-image: linear-gradient(45deg, #000 1%, transparent 6%, transparent 1%);
  }
  2% {
    -webkit-mask-image: linear-gradient(45deg, #000 2%, transparent 7%, transparent 1%);
  }
  3% {
    -webkit-mask-image: linear-gradient(45deg, #000 3%, transparent 8%, transparent 1%);
  }
  4% {
    -webkit-mask-image: linear-gradient(45deg, #000 4%, transparent 9%, transparent 1%);
  }
  5% {
    -webkit-mask-image: linear-gradient(45deg, #000 5%, transparent 10%, transparent 1%);
  }
  6% {
    -webkit-mask-image: linear-gradient(45deg, #000 6%, transparent 11%, transparent 1%);
  }
  7% {
    -webkit-mask-image: linear-gradient(45deg, #000 7%, transparent 12%, transparent 1%);
  }
  8% {
    -webkit-mask-image: linear-gradient(45deg, #000 8%, transparent 13%, transparent 1%);
  }
  9% {
    -webkit-mask-image: linear-gradient(45deg, #000 9%, transparent 14%, transparent 1%);
  }
  10% {
    -webkit-mask-image: linear-gradient(45deg, #000 10%, transparent 15%, transparent 1%);
  }
  11% {
    -webkit-mask-image: linear-gradient(45deg, #000 11%, transparent 16%, transparent 1%);
  }
  12% {
    -webkit-mask-image: linear-gradient(45deg, #000 12%, transparent 17%, transparent 1%);
  }
  13% {
    -webkit-mask-image: linear-gradient(45deg, #000 13%, transparent 18%, transparent 1%);
  }
  14% {
    -webkit-mask-image: linear-gradient(45deg, #000 14%, transparent 19%, transparent 1%);
  }
  15% {
    -webkit-mask-image: linear-gradient(45deg, #000 15%, transparent 20%, transparent 1%);
  }
  16% {
    -webkit-mask-image: linear-gradient(45deg, #000 16%, transparent 21%, transparent 1%);
  }
  17% {
    -webkit-mask-image: linear-gradient(45deg, #000 17%, transparent 22%, transparent 1%);
  }
  18% {
    -webkit-mask-image: linear-gradient(45deg, #000 18%, transparent 23%, transparent 1%);
  }
  19% {
    -webkit-mask-image: linear-gradient(45deg, #000 19%, transparent 24%, transparent 1%);
  }
  20% {
    -webkit-mask-image: linear-gradient(45deg, #000 20%, transparent 25%, transparent 1%);
  }
  21% {
    -webkit-mask-image: linear-gradient(45deg, #000 21%, transparent 26%, transparent 1%);
  }
  22% {
    -webkit-mask-image: linear-gradient(45deg, #000 22%, transparent 27%, transparent 1%);
  }
  23% {
    -webkit-mask-image: linear-gradient(45deg, #000 23%, transparent 28%, transparent 1%);
  }
  24% {
    -webkit-mask-image: linear-gradient(45deg, #000 24%, transparent 29%, transparent 1%);
  }
  25% {
    -webkit-mask-image: linear-gradient(45deg, #000 25%, transparent 30%, transparent 1%);
  }
  26% {
    -webkit-mask-image: linear-gradient(45deg, #000 26%, transparent 31%, transparent 1%);
  }
  27% {
    -webkit-mask-image: linear-gradient(45deg, #000 27%, transparent 32%, transparent 1%);
  }
  28% {
    -webkit-mask-image: linear-gradient(45deg, #000 28%, transparent 33%, transparent 1%);
  }
  29% {
    -webkit-mask-image: linear-gradient(45deg, #000 29%, transparent 34%, transparent 1%);
  }
  30% {
    -webkit-mask-image: linear-gradient(45deg, #000 30%, transparent 35%, transparent 1%);
  }
  31% {
    -webkit-mask-image: linear-gradient(45deg, #000 31%, transparent 36%, transparent 1%);
  }
  32% {
    -webkit-mask-image: linear-gradient(45deg, #000 32%, transparent 37%, transparent 1%);
  }
  33% {
    -webkit-mask-image: linear-gradient(45deg, #000 33%, transparent 38%, transparent 1%);
  }
  34% {
    -webkit-mask-image: linear-gradient(45deg, #000 34%, transparent 39%, transparent 1%);
  }
  35% {
    -webkit-mask-image: linear-gradient(45deg, #000 35%, transparent 40%, transparent 1%);
  }
  36% {
    -webkit-mask-image: linear-gradient(45deg, #000 36%, transparent 41%, transparent 1%);
  }
  37% {
    -webkit-mask-image: linear-gradient(45deg, #000 37%, transparent 42%, transparent 1%);
  }
  38% {
    -webkit-mask-image: linear-gradient(45deg, #000 38%, transparent 43%, transparent 1%);
  }
  39% {
    -webkit-mask-image: linear-gradient(45deg, #000 39%, transparent 44%, transparent 1%);
  }
  40% {
    -webkit-mask-image: linear-gradient(45deg, #000 40%, transparent 45%, transparent 1%);
  }
  41% {
    -webkit-mask-image: linear-gradient(45deg, #000 41%, transparent 46%, transparent 1%);
  }
  42% {
    -webkit-mask-image: linear-gradient(45deg, #000 42%, transparent 47%, transparent 1%);
  }
  43% {
    -webkit-mask-image: linear-gradient(45deg, #000 43%, transparent 48%, transparent 1%);
  }
  44% {
    -webkit-mask-image: linear-gradient(45deg, #000 44%, transparent 49%, transparent 1%);
  }
  45% {
    -webkit-mask-image: linear-gradient(45deg, #000 45%, transparent 50%, transparent 1%);
  }
  46% {
    -webkit-mask-image: linear-gradient(45deg, #000 46%, transparent 51%, transparent 1%);
  }
  47% {
    -webkit-mask-image: linear-gradient(45deg, #000 47%, transparent 52%, transparent 1%);
  }
  48% {
    -webkit-mask-image: linear-gradient(45deg, #000 48%, transparent 53%, transparent 1%);
  }
  49% {
    -webkit-mask-image: linear-gradient(45deg, #000 49%, transparent 54%, transparent 1%);
  }
  50% {
    -webkit-mask-image: linear-gradient(45deg, #000 50%, transparent 55%, transparent 1%);
  }
  51% {
    -webkit-mask-image: linear-gradient(45deg, #000 51%, transparent 56%, transparent 1%);
  }
  52% {
    -webkit-mask-image: linear-gradient(45deg, #000 52%, transparent 57%, transparent 1%);
  }
  53% {
    -webkit-mask-image: linear-gradient(45deg, #000 53%, transparent 58%, transparent 1%);
  }
  54% {
    -webkit-mask-image: linear-gradient(45deg, #000 54%, transparent 59%, transparent 1%);
  }
  55% {
    -webkit-mask-image: linear-gradient(45deg, #000 55%, transparent 60%, transparent 1%);
  }
  56% {
    -webkit-mask-image: linear-gradient(45deg, #000 56%, transparent 61%, transparent 1%);
  }
  57% {
    -webkit-mask-image: linear-gradient(45deg, #000 57%, transparent 62%, transparent 1%);
  }
  58% {
    -webkit-mask-image: linear-gradient(45deg, #000 58%, transparent 63%, transparent 1%);
  }
  59% {
    -webkit-mask-image: linear-gradient(45deg, #000 59%, transparent 64%, transparent 1%);
  }
  60% {
    -webkit-mask-image: linear-gradient(45deg, #000 60%, transparent 65%, transparent 1%);
  }
  61% {
    -webkit-mask-image: linear-gradient(45deg, #000 61%, transparent 66%, transparent 1%);
  }
  62% {
    -webkit-mask-image: linear-gradient(45deg, #000 62%, transparent 67%, transparent 1%);
  }
  63% {
    -webkit-mask-image: linear-gradient(45deg, #000 63%, transparent 68%, transparent 1%);
  }
  64% {
    -webkit-mask-image: linear-gradient(45deg, #000 64%, transparent 69%, transparent 1%);
  }
  65% {
    -webkit-mask-image: linear-gradient(45deg, #000 65%, transparent 70%, transparent 1%);
  }
  66% {
    -webkit-mask-image: linear-gradient(45deg, #000 66%, transparent 71%, transparent 1%);
  }
  67% {
    -webkit-mask-image: linear-gradient(45deg, #000 67%, transparent 72%, transparent 1%);
  }
  68% {
    -webkit-mask-image: linear-gradient(45deg, #000 68%, transparent 73%, transparent 1%);
  }
  69% {
    -webkit-mask-image: linear-gradient(45deg, #000 69%, transparent 74%, transparent 1%);
  }
  70% {
    -webkit-mask-image: linear-gradient(45deg, #000 70%, transparent 75%, transparent 1%);
  }
  71% {
    -webkit-mask-image: linear-gradient(45deg, #000 71%, transparent 76%, transparent 1%);
  }
  72% {
    -webkit-mask-image: linear-gradient(45deg, #000 72%, transparent 77%, transparent 1%);
  }
  73% {
    -webkit-mask-image: linear-gradient(45deg, #000 73%, transparent 78%, transparent 1%);
  }
  74% {
    -webkit-mask-image: linear-gradient(45deg, #000 74%, transparent 79%, transparent 1%);
  }
  75% {
    -webkit-mask-image: linear-gradient(45deg, #000 75%, transparent 80%, transparent 1%);
  }
  76% {
    -webkit-mask-image: linear-gradient(45deg, #000 76%, transparent 81%, transparent 1%);
  }
  77% {
    -webkit-mask-image: linear-gradient(45deg, #000 77%, transparent 82%, transparent 1%);
  }
  78% {
    -webkit-mask-image: linear-gradient(45deg, #000 78%, transparent 83%, transparent 1%);
  }
  79% {
    -webkit-mask-image: linear-gradient(45deg, #000 79%, transparent 84%, transparent 1%);
  }
  80% {
    -webkit-mask-image: linear-gradient(45deg, #000 80%, transparent 85%, transparent 1%);
  }
  81% {
    -webkit-mask-image: linear-gradient(45deg, #000 81%, transparent 86%, transparent 1%);
  }
  82% {
    -webkit-mask-image: linear-gradient(45deg, #000 82%, transparent 87%, transparent 1%);
  }
  83% {
    -webkit-mask-image: linear-gradient(45deg, #000 83%, transparent 88%, transparent 1%);
  }
  84% {
    -webkit-mask-image: linear-gradient(45deg, #000 84%, transparent 89%, transparent 1%);
  }
  85% {
    -webkit-mask-image: linear-gradient(45deg, #000 85%, transparent 90%, transparent 1%);
  }
  86% {
    -webkit-mask-image: linear-gradient(45deg, #000 86%, transparent 91%, transparent 1%);
  }
  87% {
    -webkit-mask-image: linear-gradient(45deg, #000 87%, transparent 92%, transparent 1%);
  }
  88% {
    -webkit-mask-image: linear-gradient(45deg, #000 88%, transparent 93%, transparent 1%);
  }
  89% {
    -webkit-mask-image: linear-gradient(45deg, #000 89%, transparent 94%, transparent 1%);
  }
  90% {
    -webkit-mask-image: linear-gradient(45deg, #000 90%, transparent 95%, transparent 1%);
  }
  91% {
    -webkit-mask-image: linear-gradient(45deg, #000 91%, transparent 96%, transparent 1%);
  }
  92% {
    -webkit-mask-image: linear-gradient(45deg, #000 92%, transparent 97%, transparent 1%);
  }
  93% {
    -webkit-mask-image: linear-gradient(45deg, #000 93%, transparent 98%, transparent 1%);
  }
  94% {
    -webkit-mask-image: linear-gradient(45deg, #000 94%, transparent 99%, transparent 1%);
  }
  95% {
    -webkit-mask-image: linear-gradient(45deg, #000 95%, transparent 100%, transparent 1%);
  }
  96% {
    -webkit-mask-image: linear-gradient(45deg, #000 96%, transparent 101%, transparent 1%);
  }
  97% {
    -webkit-mask-image: linear-gradient(45deg, #000 97%, transparent 102%, transparent 1%);
  }
  98% {
    -webkit-mask-image: linear-gradient(45deg, #000 98%, transparent 103%, transparent 1%);
  }
  99% {
    -webkit-mask-image: linear-gradient(45deg, #000 99%, transparent 104%, transparent 1%);
  }
  100% {
    -webkit-mask-image: linear-gradient(45deg, #000 100%, transparent 105%, transparent 1%);
  }
}

@keyframes maskRotate2 {
  0% {
    -webkit-mask-image: conic-gradient(#000 -10%, transparent 0%, transparent);
  }
  1% {
    -webkit-mask-image: conic-gradient(#000 -9%, transparent 1%, transparent);
  }
  2% {
    -webkit-mask-image: conic-gradient(#000 -8%, transparent 2%, transparent);
  }
  3% {
    -webkit-mask-image: conic-gradient(#000 -7%, transparent 3%, transparent);
  }
  4% {
    -webkit-mask-image: conic-gradient(#000 -6%, transparent 4%, transparent);
  }
  5% {
    -webkit-mask-image: conic-gradient(#000 -5%, transparent 5%, transparent);
  }
  6% {
    -webkit-mask-image: conic-gradient(#000 -4%, transparent 6%, transparent);
  }
  7% {
    -webkit-mask-image: conic-gradient(#000 -3%, transparent 7%, transparent);
  }
  8% {
    -webkit-mask-image: conic-gradient(#000 -2%, transparent 8%, transparent);
  }
  9% {
    -webkit-mask-image: conic-gradient(#000 -1%, transparent 9%, transparent);
  }
  10% {
    -webkit-mask-image: conic-gradient(#000 0%, transparent 10%, transparent);
  }
  11% {
    -webkit-mask-image: conic-gradient(#000 1%, transparent 11%, transparent);
  }
  12% {
    -webkit-mask-image: conic-gradient(#000 2%, transparent 12%, transparent);
  }
  13% {
    -webkit-mask-image: conic-gradient(#000 3%, transparent 13%, transparent);
  }
  14% {
    -webkit-mask-image: conic-gradient(#000 4%, transparent 14%, transparent);
  }
  15% {
    -webkit-mask-image: conic-gradient(#000 5%, transparent 15%, transparent);
  }
  16% {
    -webkit-mask-image: conic-gradient(#000 6%, transparent 16%, transparent);
  }
  17% {
    -webkit-mask-image: conic-gradient(#000 7%, transparent 17%, transparent);
  }
  18% {
    -webkit-mask-image: conic-gradient(#000 8%, transparent 18%, transparent);
  }
  19% {
    -webkit-mask-image: conic-gradient(#000 9%, transparent 19%, transparent);
  }
  20% {
    -webkit-mask-image: conic-gradient(#000 10%, transparent 20%, transparent);
  }
  21% {
    -webkit-mask-image: conic-gradient(#000 11%, transparent 21%, transparent);
  }
  22% {
    -webkit-mask-image: conic-gradient(#000 12%, transparent 22%, transparent);
  }
  23% {
    -webkit-mask-image: conic-gradient(#000 13%, transparent 23%, transparent);
  }
  24% {
    -webkit-mask-image: conic-gradient(#000 14%, transparent 24%, transparent);
  }
  25% {
    -webkit-mask-image: conic-gradient(#000 15%, transparent 25%, transparent);
  }
  26% {
    -webkit-mask-image: conic-gradient(#000 16%, transparent 26%, transparent);
  }
  27% {
    -webkit-mask-image: conic-gradient(#000 17%, transparent 27%, transparent);
  }
  28% {
    -webkit-mask-image: conic-gradient(#000 18%, transparent 28%, transparent);
  }
  29% {
    -webkit-mask-image: conic-gradient(#000 19%, transparent 29%, transparent);
  }
  30% {
    -webkit-mask-image: conic-gradient(#000 20%, transparent 30%, transparent);
  }
  31% {
    -webkit-mask-image: conic-gradient(#000 21%, transparent 31%, transparent);
  }
  32% {
    -webkit-mask-image: conic-gradient(#000 22%, transparent 32%, transparent);
  }
  33% {
    -webkit-mask-image: conic-gradient(#000 23%, transparent 33%, transparent);
  }
  34% {
    -webkit-mask-image: conic-gradient(#000 24%, transparent 34%, transparent);
  }
  35% {
    -webkit-mask-image: conic-gradient(#000 25%, transparent 35%, transparent);
  }
  36% {
    -webkit-mask-image: conic-gradient(#000 26%, transparent 36%, transparent);
  }
  37% {
    -webkit-mask-image: conic-gradient(#000 27%, transparent 37%, transparent);
  }
  38% {
    -webkit-mask-image: conic-gradient(#000 28%, transparent 38%, transparent);
  }
  39% {
    -webkit-mask-image: conic-gradient(#000 29%, transparent 39%, transparent);
  }
  40% {
    -webkit-mask-image: conic-gradient(#000 30%, transparent 40%, transparent);
  }
  41% {
    -webkit-mask-image: conic-gradient(#000 31%, transparent 41%, transparent);
  }
  42% {
    -webkit-mask-image: conic-gradient(#000 32%, transparent 42%, transparent);
  }
  43% {
    -webkit-mask-image: conic-gradient(#000 33%, transparent 43%, transparent);
  }
  44% {
    -webkit-mask-image: conic-gradient(#000 34%, transparent 44%, transparent);
  }
  45% {
    -webkit-mask-image: conic-gradient(#000 35%, transparent 45%, transparent);
  }
  46% {
    -webkit-mask-image: conic-gradient(#000 36%, transparent 46%, transparent);
  }
  47% {
    -webkit-mask-image: conic-gradient(#000 37%, transparent 47%, transparent);
  }
  48% {
    -webkit-mask-image: conic-gradient(#000 38%, transparent 48%, transparent);
  }
  49% {
    -webkit-mask-image: conic-gradient(#000 39%, transparent 49%, transparent);
  }
  50% {
    -webkit-mask-image: conic-gradient(#000 40%, transparent 50%, transparent);
  }
  51% {
    -webkit-mask-image: conic-gradient(#000 41%, transparent 51%, transparent);
  }
  52% {
    -webkit-mask-image: conic-gradient(#000 42%, transparent 52%, transparent);
  }
  53% {
    -webkit-mask-image: conic-gradient(#000 43%, transparent 53%, transparent);
  }
  54% {
    -webkit-mask-image: conic-gradient(#000 44%, transparent 54%, transparent);
  }
  55% {
    -webkit-mask-image: conic-gradient(#000 45%, transparent 55%, transparent);
  }
  56% {
    -webkit-mask-image: conic-gradient(#000 46%, transparent 56%, transparent);
  }
  57% {
    -webkit-mask-image: conic-gradient(#000 47%, transparent 57%, transparent);
  }
  58% {
    -webkit-mask-image: conic-gradient(#000 48%, transparent 58%, transparent);
  }
  59% {
    -webkit-mask-image: conic-gradient(#000 49%, transparent 59%, transparent);
  }
  60% {
    -webkit-mask-image: conic-gradient(#000 50%, transparent 60%, transparent);
  }
  61% {
    -webkit-mask-image: conic-gradient(#000 51%, transparent 61%, transparent);
  }
  62% {
    -webkit-mask-image: conic-gradient(#000 52%, transparent 62%, transparent);
  }
  63% {
    -webkit-mask-image: conic-gradient(#000 53%, transparent 63%, transparent);
  }
  64% {
    -webkit-mask-image: conic-gradient(#000 54%, transparent 64%, transparent);
  }
  65% {
    -webkit-mask-image: conic-gradient(#000 55%, transparent 65%, transparent);
  }
  66% {
    -webkit-mask-image: conic-gradient(#000 56%, transparent 66%, transparent);
  }
  67% {
    -webkit-mask-image: conic-gradient(#000 57%, transparent 67%, transparent);
  }
  68% {
    -webkit-mask-image: conic-gradient(#000 58%, transparent 68%, transparent);
  }
  69% {
    -webkit-mask-image: conic-gradient(#000 59%, transparent 69%, transparent);
  }
  70% {
    -webkit-mask-image: conic-gradient(#000 60%, transparent 70%, transparent);
  }
  71% {
    -webkit-mask-image: conic-gradient(#000 61%, transparent 71%, transparent);
  }
  72% {
    -webkit-mask-image: conic-gradient(#000 62%, transparent 72%, transparent);
  }
  73% {
    -webkit-mask-image: conic-gradient(#000 63%, transparent 73%, transparent);
  }
  74% {
    -webkit-mask-image: conic-gradient(#000 64%, transparent 74%, transparent);
  }
  75% {
    -webkit-mask-image: conic-gradient(#000 65%, transparent 75%, transparent);
  }
  76% {
    -webkit-mask-image: conic-gradient(#000 66%, transparent 76%, transparent);
  }
  77% {
    -webkit-mask-image: conic-gradient(#000 67%, transparent 77%, transparent);
  }
  78% {
    -webkit-mask-image: conic-gradient(#000 68%, transparent 78%, transparent);
  }
  79% {
    -webkit-mask-image: conic-gradient(#000 69%, transparent 79%, transparent);
  }
  80% {
    -webkit-mask-image: conic-gradient(#000 70%, transparent 80%, transparent);
  }
  81% {
    -webkit-mask-image: conic-gradient(#000 71%, transparent 81%, transparent);
  }
  82% {
    -webkit-mask-image: conic-gradient(#000 72%, transparent 82%, transparent);
  }
  83% {
    -webkit-mask-image: conic-gradient(#000 73%, transparent 83%, transparent);
  }
  84% {
    -webkit-mask-image: conic-gradient(#000 74%, transparent 84%, transparent);
  }
  85% {
    -webkit-mask-image: conic-gradient(#000 75%, transparent 85%, transparent);
  }
  86% {
    -webkit-mask-image: conic-gradient(#000 76%, transparent 86%, transparent);
  }
  87% {
    -webkit-mask-image: conic-gradient(#000 77%, transparent 87%, transparent);
  }
  88% {
    -webkit-mask-image: conic-gradient(#000 78%, transparent 88%, transparent);
  }
  89% {
    -webkit-mask-image: conic-gradient(#000 79%, transparent 89%, transparent);
  }
  90% {
    -webkit-mask-image: conic-gradient(#000 80%, transparent 90%, transparent);
  }
  91% {
    -webkit-mask-image: conic-gradient(#000 81%, transparent 91%, transparent);
  }
  92% {
    -webkit-mask-image: conic-gradient(#000 82%, transparent 92%, transparent);
  }
  93% {
    -webkit-mask-image: conic-gradient(#000 83%, transparent 93%, transparent);
  }
  94% {
    -webkit-mask-image: conic-gradient(#000 84%, transparent 94%, transparent);
  }
  95% {
    -webkit-mask-image: conic-gradient(#000 85%, transparent 95%, transparent);
  }
  96% {
    -webkit-mask-image: conic-gradient(#000 86%, transparent 96%, transparent);
  }
  97% {
    -webkit-mask-image: conic-gradient(#000 87%, transparent 97%, transparent);
  }
  98% {
    -webkit-mask-image: conic-gradient(#000 88%, transparent 98%, transparent);
  }
  99% {
    -webkit-mask-image: conic-gradient(#000 89%, transparent 99%, transparent);
  }
  100% {
    -webkit-mask-image: conic-gradient(#000 90%, transparent 100%, transparent);
  }
}
       


    </style>
</head>
<body>
    <!-- <div><img src="./dance.gif" alt=""></div> -->
    <div>
            
    </div>
   <!-- {$%{-webkit-mask-image: linear-gradient(45deg,#000 $%, transparent $%)}}*100 -->
   
</body>
</html>
